@import './transition.scss';
@import './scss/variables';
@import './app.scss';
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
html,body {
  height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
a:focus,
a:active {
  outline: none;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}


.el-main{
  padding: 0px;
}

#app {
  height: 100%;
}
.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}
.padding {
  padding: 10px;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}
.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}
.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mg-t-5{
  margin-top: 5px;
}
.mg-b-5{
  margin-bottom: 5px;
}
.mg-t-10{
  margin-top: 10px;
}
.mg-b-10{
  margin-bottom: 10px;
}
.mg-l-10{
  margin-left: 10px;
}
.mg-r-10{
  margin-right: 10px;
}
.main-color{
  color: $main-color;
}
.block {
  display: block;
}
.flex-block{
  display: flex;
}
.center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pointer {
  cursor: pointer;
}

.inline-block {
  display: inline-block;
}
// 单行省略 ...
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transparent{
  opacity: 0;
}
.pointer{
  cursor: pointer;
}
.help{
  cursor: help;
}
.between{
  justify-content: space-between;
}
// 双行省略 ...
.overflow-hidden-container{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
::-webkit-scrollbar { width: 8px; height: 8px;}

/* 滚动槽 */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0.5rem rgba(0,0,0,0)!important; 
  border-radius:0;
  background: transparent;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { 
  background: rgba(144,147,153,.3);
	border-radius:4px;
	-webkit-box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.2); 
}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(144,147,153,.3);}

//reset
dl, dt, dd, ol, ul, li,p,div,html,body,
fieldset, form, label, legend, input, button, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  box-sizing: border-box;
  user-select: none;
  padding: 0;
  margin: 0;

  font: inherit;
  font-size: 100%;
  border: none;
  outline: none;

  -webkit-tap-highlight-color: transparent; // 去掉点击对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)
  // -webkit-user-select: none; // 禁止选择文字
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; // 禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化)
  //-webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased; // 字体抗锯齿
  -moz-osx-font-smoothing: grayscale;
}
input, select, textarea {
  border: none;
  // -webkit-appearance: none; // 清除内阴影
  -webkit-user-select: auto !important; // 否则ios下输入框无法输入
}
textarea {
  overflow: auto;
  resize: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
address, caption, cite, code, dfn, th, var, i, em {
  font-style: normal;
}
abbr, acronym { // 去掉firefox下此元素的边框
  border: none;
  font-variant: normal;
}

ul, ol ,li{
  list-style: none;
}

del {
  text-decoration: line-through;
}
ins, a {
  text-decoration: none;
}
a, img {
  -webkit-touch-callout: none; // 禁用长按页面时的弹出菜单(iOS下有效)
}
img {
  border: none;
  /*display: block;*/
  // vertical-align: top;
}

table { // 去掉各table cell的边距并让其边重合
  border-spacing: 0;
  border-collapse: collapse;
}